// vue-cli的配置文件
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://test.my-site.com',
      },
    },
  },

  // 默认值就是一个/，写空字符串不是默认值/,写空字符串和/不一样
  publicPath: '/news',  // 其实和webpack的output.publicPath一样的功能，给他抽离出来了，变成了vue-cli的配置项
  // 如果需要区分开发环境和生产环境，可以这样写
  // publicPath: process.env.NODE_ENV === 'production' ? '/news' : '/',
  /**
   * 
   * 默认打包之后的文件放到服务器的根目录，包括生产环境，vue-cli默认也会认为你会这么访问
   * http://localhost:8080/index.html
   * http://localhost:8080/img/logo.png
   * 
   * 如果设置为/news，vue-cli会认为你会把打包结果放到服务器的/news目录下
   * http://localhost:8080/news/index.html
   * 所以这个index.html里面的引用的路径都打包成了/news/xxx.js，而不是/xxx.js
   * 如果这样配置了，开发环境也会自动处理
   * 但是这样一来，路由会出问题，应该这样更改，一下把路由导航以及路由匹配都更正了，而且this.$route里面不包含/news
   * 这里不要去改变路由规则，太麻烦而且不好控制
   * const router = new VueRouter({
      // 配置
      routes, // 路由匹配规则
      mode: 'history',
      base: process.env.BASE_URL, // process.env.BASE_URL就是我们配置的publicPath
    });
   */


  // runtimeCompiler: true,
  // transpileDependencies: ['axios'] // 对node_modules里面的哪些依赖项进行降级，使用babel，其实像axios这种大范围使用的库肯定自己就做了降级处理
  // configureWebpack: {
  //   // webpack配置
  // }
  // css: {
  //   requireModuleExtension: false,
  // },
};
